<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>wo.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <script type="text/javascript" src="jquery-3.1.0.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript">
		$(function(){
			//失去焦点
			$("#us").blur(function(){
				var ustext=$("#us").val();
				if(ustext==null||ustext==""){
					$("#us").val("请输入邮箱地址")
				}
			});
			//聚焦
			$("#us").focus(function(){
  				var ustext = $("#us").val();
  				if(ustext=="请输入邮箱地址"){
  					$("#us").val("");
	  			}
  			});
				//失去焦点
			$("#pwd").blur(function(){
				var ustext=$("#pwd").val();
				if(ustext==null||ustext==""){
					$("#pwd").val("请输入邮箱密码")
				}
			});
			//聚焦
			$("#pwd").focus(function(){
  				var pwdtext = $("#pwd").val();
  				if(pwdtext=="请输入邮箱密码"){
  					$("#pwd").val("");
	  			}
  			});
			
		})
	</script>
  </head>
  
  <body>
    	<input type="text" id="us" value="请输入邮箱地址"/><br>
    	<input type="text" id="pwd" value="请输入邮箱密码"/><br>
    	<input type="button" value="登录"/><br>
    	
  </body>
</html>
